<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        /*
         短路运算符 ：
            1.&& 短路与，如果表达式1为真，则返回表达式2；
                          如果表达式为假，则返回表达式1。
            2.|| 短路或， 如果表达式1为真，则返回表达式1，
                         如果表达式1为假，则返回表达式2。
        语法案列：
          let result = 表达式1 && 表达式2；
        输入：表达式。
        处理：
        输出：表达式的值。
         
        注意：
           1.如果返回表达式1，则表达式2，不在参与计算。
           2.表达式1的值，会转化为布尔值，在参与短路运算。
        */
        // && 的两遍是 表达式
        console.log(3 > 2 && 4 + 2);  //6
        console.log(3 < 2 && 4 + 2);  //false 
        console.log('-------------------------------');
        console.log(3 > 2 || 4 + 2);  // true
        console.log(3 < 2 || 4 + 2);  // 6

        console.log('---------------案例---------------');
        let num = 0;
        console.log(3 > 5 && num++);  // false
        console.log(num);   // 0
        console.log(3 > 2 || num++);  //  true
        console.log(num);   // 0
        console.log('--------------不是布尔值--------------');
        console.log(123 && 2 + 5);  //7 
        console.log('123' && 2 + 5);  //7 
        console.log(null && 2 + 5);  //null 

        console.log('---------------练习案例-------------');
        console.log('--------------案例---------');

        console.log(123 && 456); // 456
        console.log(0 && 456); //  0
        console.log(0 && 1 + 2 && 456 * 56789); //0 
        console.log(3 && 456 * 56789); // 25,895,784
        console.log('' && 1 + 2 && 456 * 56789); //‘’

        console.log(123 || 456); // 123
        console.log(123 || 456 || 456 + 123); //123 
        console.log(0 || 456 || 456 + 123); // 456

        var num1 = 0;
        console.log(123 || num1++);123
        console.log(num1); // 0
    </script>
</body>
</html>